<div id="VipLevel" data-title="会员等级" >
    <style>
        @@include('modules/user/VipLevel/main.css.min')
    </style>
    <span class="icon-return" evt="goback"></span>
    <div id="addedService">
        <!--用户信息-->
        <div class="customer-info text-center">
            <img class="image-avatar" v-if="user.avatar!=''" v-bind:src="user.avatar"/>
            <span class="sir">
                {{user.nick}}
                <span class="icon-tiepai" v-if="user.level==10"></span>
                <span class="icon-V2" v-if="user.level==20"></span>
                <span class="icon-V3" v-if="user.level==30"></span>
                <span class="icon-jinpai" v-if="user.level==40"></span>
            </span>
            <span class="company">{{user.company_name}}</span>
        </div>
        <!--成就值-->
        <div class="level">
        <span class="level-score">
                <em><i>{{user.credit}}</i></br>成就值</em>
            </span>
            <span class="level-detail">您已超越<strong>{{personHead}}</strong>人，<br>击败了<strong>{{percent}}%</strong> 的{{user.level_name}}</span>
        </div>
        <!--说明-->
        <div class="desc">
            <div class="desc-bar">
            <span class="col-md-4 col-sm-4 col-lg-4 col-xs-4 text-left" v-on:click="choose('1')">
                <i class="level-1" v-bind:class="{active:levelNum=='1'}">成就值算法</i>
            </span>
                <span class="col-md-4 col-sm-4 col-lg-4 col-xs-4 text-center" v-on:click="choose('2')">
                <i class="level-2" v-bind:class="{active:levelNum=='2'}">成就值说明</i>
            </span>
                <span class="col-md-4 col-sm-4 col-lg-4 col-xs-4 text-right" v-on:click="choose('3')">
                <i class="level-3" v-bind:class="{active:levelNum=='3'}">等级说明</i>
            </span>
            </div>

            <div class="container">
                <!--三个分页-->
                <div class="tab-1" v-if="levelNum=='1'">
                    <div class="lists">
                        抢单成功
                        <span class="pull-right">+2</span>
                    </div>
                    <div class="lists">
                        独家锁定
                        <span class="pull-right">+6</span>
                    </div>
                    <div class="lists">
                        取消跟进
                        <span class="pull-right">-8</span>
                    </div>
                    <div class="lists">
                        成功完成项目（申报完成并通过审核）
                        <span class="pull-right">+4</span>
                    </div>
                    <!--<div class="lists" evt="openInvitation">-->
                        <!--<span class="left">邀请好友关注公众号</span>-->
                        <!--<span class="pull-right icon-right"></span>-->
                        <!--<span class="pull-right">+10</span>-->
                    <!--</div>-->
                </div> 
                <!--三个分页-->
                <div class="tab-2" v-else-if="levelNum=='3'">
                    <div class="package-spec clearfix">
                        <div class="col-xs-3">
                            等级
                        </div>
                        
                            <div class="col-xs-3 text-center">
                                提前通知
                            </div>
                            <div class="col-xs-6 text-center">
                                派单形式
                            </div>
                            
                         
                    </div>
                    <div class="package-select clearfix">
                        <div class="col-xs-3 package-sel-col">
                            金牌
                        </div>
                        
                            <div class="col-xs-3 text-center">
                                5分钟
                            </div>
                            <div class="col-xs-6 text-center">
                                <div class="top-center">
                                    <span>独家</span>
                                    <span>APP优先推送</span>
                                </div>
                            </div>
                            
                        
                    </div>
                    <div class="package-select clearfix">
                        <div class="col-xs-3 package-sel-col">
                            银牌
                        </div>
                        
                            <div class="col-xs-3 text-center">
                                3分钟
                            </div>
                            <div class="col-xs-6 text-center">
                                <div class="top-center">
                                    <span>3家竞争</span>
                                    <span>每月2次独家机会</span>
                                </div>
                            </div>
                        
                    </div>
                    <div class="package-select clearfix">
                        <div class="col-xs-3 package-sel-col">
                            铜牌
                        </div>
                            <div class="col-xs-3 text-center">
                                1分钟
                            </div>
                            <div class="col-xs-6 text-center">
                                <div class="top-center">
                                    <span>5家竞争</span>
                                </div>
                            </div>
                    </div>  
                    <div class="package-select clearfix">
                        <div class="col-xs-3 package-sel-col">
                            铁牌
                        </div>
                            <div class="col-xs-3 text-center">
                                -
                            </div>
                            <div class="col-xs-6 text-center">
                                <div class="top-center">
                                    <span>抢单</span>
                                    <span>不限人数</span>
                                </div>
                            </div>
                    </div>
                </div>
                <div class="tab-3" v-else-if="levelNum=='2'">
                    <div class="title">
                        成就值是万屏汇评估工程商贡献的方式。
                    </div>
                    <p>1. 每月1日重新计算等级</p>
                    <p>2. 同级别成就值前10%的工程商可申请成为更高等级会员，后10%的工程商自动降级。</p>
                    <p>3. 2017年7月1日起，暂定铜牌会员每月扣除100成就值，银牌会员每月扣除150成就值，金牌会员每月扣除200成就值。</p>
                </div>
            </div>
        </div>
    </div>
</div>